<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航栏</title>
<style>
h1 
{
	text-shadow: 0.1em 3px 7px white;
}
p
{
	text-shadow: 0.1em 2px 2px white;
}
.a
{
	background-attachment: fixed;
}

</style>

</head>
<body id=pid onload="chgpic()">
<div id="timetable" style="font-size: 33px;color: #F00">
Time
</div>
<h1 style="text-indent: 10%">百度一下</h1>
<p style="text-indent: 10%">
<a href="http://www.baidu.com/" target="_blank">www.baidu.com</a>
</p>

<h1 style="text-indent: 10%">我的个人网站</h1>
<p style="text-indent: 10%">
<a href="https://gitee.com/xu_sunshine" target="_blank">https://gitee.com/xu_sunshine</a>
</p>

<h1 style="text-indent: 10%">surprise</h1>
<p style="text-indent: 10%">
<a href="http://localhost:8080/2.14/foryou.html" target="_blank">http://localhost:8080/2.14/foryou.html</a>
</p>

<h1 style="text-indent: 10%">有道</h1>
<p style="text-indent: 10%">
<a href="http://fanyi.youdao.com/" target="_blank">http://fanyi.youdao.com/</a>
</p>

<script language="javascript">
function get_time() 
{
	var date = new Date();
	var year = "",month = "",week = "",hour = "",minute = "",second = "";
	year = date.getFullYear();
	month = add_zero(date.getMonth()+1);
	day = add_zero(date.getDate());
	week = date.getDay;
	switch (date.getDay()) {
	case 0: val="周日";break;
	case 1: val="周一";break;
	case 2: val="周二";break;
	case 3: val="周三";break;
	case 4: val="周四";break;
	case 5: val="周五";break;
	case 6: val="周六";break;
	}
	hour = add_zero(date.getHours());
	minute = add_zero(date.getMinutes());
	second = add_zero(date.getSeconds());
	document.getElementById("timetable").innerHTML = ""+year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second+""+val;
}
	function add_zero(temp) 
	{
		if(temp<10) return "0"+temp;
		else return temp;
	}
setInterval("get_time()",1000)
	
</script>
</body>
</html>
